// -----------------------------列表面包屑
layui.use('element', function () {
  var element = layui.element

  //获取hash来切换选项卡，假设当前地址的hash为lay-id对应的值
  var layid = location.hash.replace(/^#test1=/, '')
  element.tabChange('test1', layid) //假设当前地址为：http://a.com#test1=222，那么选项卡会自动切换到“发送消息”这一项

  //监听Tab切换，以改变地址hash值
  element.on('tab(test1)', function () {
    location.hash = 'test1=' + this.getAttribute('lay-id')
  })
})

// ----------------------------内容区域数据表格
layui.use('table', function () {
  var table = layui.table
  //第一个实例
  table.render({
    elem: '#demo',
    height: 400,
    url: 'http://localhost:8181/SealControlServlet/getAllSeal', //数据接口
    page: true, //开启分页
    toolbar: '#addbook', //绑定表头工具栏的id,
    cols: [
      [
        //表头
        { field: 'id', title: 'ID', align: 'center', width: 120, sort: true, fixed: 'left' },
        { field: 'htital', title: '竞争分析标题', align: 'center', width: 180 },
        { field: 'htype', title: '类型', align: 'center', width: 170, sort: true },
        { field: 'hdo', title: '状态', align: 'center', width: 220 },
        { field: 'htime', title: '生产时间', align: 'center', width: 140 },
        { field: 'hperson', title: '操作人', align: 'center', width: 200, sort: true },
        { field: 'do', title: '操作', align: 'center', toolbar: '#barDemo', width: 200 }
      ]
    ],
    parseData: function (res) {
      var result
      console.log(res)
      if (this.page.curr) {
        //若为第二页 则curr为2 页面显示的数据就是从res.data集合数组里的 （2-1）*limit（10）=10 到 limit（10）*2=20的数据
        result = res.data.slice(this.limit * (this.page.curr - 1), this.limit * this.page.curr)
        // string.slice(start, end)，表示截取从start下标到end下标的字符串（左闭右开）
      } else {
        // 一开始就是第一页 则就是 显示的数据就是从res.data集合数组里的0到limit（10）中
        result = res.data.slice(0, this.limit)
      }
      // 最后返回规定的数据格式
      return {
        code: res.code, //解析接口状态
        msg: res.msg, //解析提示文本
        count: res.count, //解析数据长度
        data: result //解析数据列表
      }
    },
    limit: 10
  }),
    //工具条事件
    table.on('toolbar(test)', function (obj) {
      var eventName = obj.event
      // 新增
      if (eventName == 'add') {
        layer.open({
          type: 1,
          title: '添加管理员',
          content: layui.$('#addone'),
          btn: ['确定', '取消'],
          yes: function (index, layero) {
            // 取出输入框的内容
            var bn = layui.$('#bUserName').val()
            var bc = layui.$('#bName').val()
            var bd = layui.$('#bEmail').val()
            var bs = layui.$('#bSex').val()
            var bp = layui.$('#bPhone').val()
            var be = layui.$('#bScore').val()

            // 如果有一项数据未填，则弹出提示框
            if (bn == '' || bc == '' || bd == '') {
              layer.open({
                title: '<div style="color:red">错误</div>',
                content: '请填写每个数据'
              })
              // 如果数量不是整数，则弹出提示框
            } else if (bc.length != String(parseInt(bc)).length || !Number.isInteger(parseInt(bc))) {
              layer.open({
                title: '<div style="color:red">错误</div>',
                content: '请正确填写数量(数量应为整数)'
              })
            }
          }
        })
      }
    }),

    // -------

    // -------
    table.on('tool(test)', function (obj) {
      //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
      var data = obj.data //获得当前行数据
      var layEvent = obj.event //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
      var tr = obj.tr //获得当前行 tr 的 DOM 对象（如果有的话）

      if (layEvent === 'detail') {
        layer.open({
          type: 1,
          title: '查看信息',
          // content: obj;,
          content: layui.$('#search'),
        })


      } else if (layEvent === 'del') {
        //删除
        layer.confirm('确认删除该行数据吗？', function (index) {
          obj.del() //删除对应行（tr）的DOM结构，并更新缓存
          layer.close(index)
          //向服务端发送删除指令
        })
      } else if (layEvent === 'edit') {
        //编辑
        //do something

        //同步更新缓存对应的值
        obj.update({
          username: '123',
          title: 'xxx'
        })
      } else if (layEvent === 'LAYTABLE_TIPS') {
        layer.alert('Hi，头部工具栏扩展的右侧图标。')
      }
    })
  // -------------增加
  // 表头工具栏（新增）

})




